<template>
  <el-row class="big-data">
    <basic-container>
      <dashboard id="11"></dashboard>
    </basic-container>
  </el-row>
</template>
<script>
import { mapGetters } from "vuex";
import dashboard from "@/components/dashboard/dashboard.vue";
export default {
  name: "wel",
  components: {
    dashboard: dashboard
  },
  computed: {
    ...mapGetters(["userInfo"])
  }
};
</script>

<style lang="scss">
.big-data {
  height: calc(100% - 40px);
  background: #0f162d;
  .el-card {
    background: none;
    .el-card__body {
      padding: 0 !important;
    }
  }
  .chart_wrapper {
    height: 100%;
    background: rgba(211, 211, 211, 0.1);
    border-radius: 4px;
    box-sizing: border-box;
    .header {
      color: #5f88f2;
      position: absolute;
      line-height: 34px;
      width: 100%;
      padding: 0 10px;
      box-sizing: border-box;
      background: (url("/img/bg/tit_bg.png")) no-repeat;
      background-size: 100% 100%;
      border-left: 2px solid #628dfc;
    }
  }
}
</style>
